<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>“dream”游戏交易平台</title>
    <style type="text/css">


        #header .conentist{
            width: 150px;
            float: left;

        }

        #header .daohang{
            width: 1219.2px;

            float: left;
        }
        #header .user{


            width: 150px;
            height: 60px;

            float: right;
        }
        #header .chaxun{
            width: 519px;
            background-color: #3A3D48;
            height: 60px;
            float: left;

        }
        #footer{

            height: 80px;

        }
        /*#coentis .nav{*/
        /*    width: 200px;*/

        /*    float: left;*/
        /*}*/
        #coentis .right{
            width:1500px;

            float: left;
            padding: 10px;
            height: 680px;
        }


    </style>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/js/jquery-3.1.1.min.js"></script>
    <script src="../layui/layui.js"></script>
</head>
<body>
<div id="coent">
    <header id="header">
        <div class="conentist">
            <img src="../layui/images/logo.jpg">
        </div>
        <div class="daohang">
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item "><a href="pages/game.html" target="mainframe">游戏首页</a></li>
                <li class="layui-nav-item "><a href="pages/cart.html" target="mainframe">购物车</a></li>
<!--                <li class="layui-nav-item"><a href="">大数据</a></li>-->
<!--                <li class="layui-nav-item">-->
<!--                    <a href="javascript:;">解决方案</a>-->
<!--                    <dl class="layui-nav-child"> &lt;!&ndash; 二级菜单 &ndash;&gt;-->
<!--                        <dd><a href="">移动模块</a></dd>-->
<!--                        <dd><a href="">后台模版</a></dd>-->
<!--                        <dd><a href="">电商平台</a></dd>-->
<!--                    </dl>-->
<!--                </li>-->
<!--                <li class="layui-nav-item"><a href="">社区</a></li>-->
            </ul>
        </div>
<!--        <div class="chaxun">-->
<!--            <input type="text" id="title" style="width:350px;float:left;height:30px;margin-top: 15px" placeholder="请输入标题" autocomplete="off" class="layui-input">-->
<!--            <input type="button" value="查询" style="width:50px;height:30px ">-->
<!--        </div>-->


        <div class="user">
            <ul class="layui-nav">

                <li class="layui-nav-item">
                    <a href=""><img src="//t.cn/RCzsdCq" class="layui-nav-img"></a>
                    <dl class="layui-nav-child">
                        <dd><a href="index3.html">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div style="clear: both;"></div>
    </header>
    <div class="layui-carousel" id="test1" >
        <div carousel-item>
            <div><img src="../layui/images/4.jpg"></div>
            <div><img src="../layui/images/5.jpg"></div>
            <div><img src="../layui/images/6.jpg"></div>
            <div><img src="../layui/images/7.jpg"></div>
            <div><img src="../layui/images/8.jpg"></div>
        </div>
    </div>
    <div id="coentis">
<!--        <nav class="nav">-->
<!--            <ul class="layui-nav layui-nav-tree" lay-filter="test" style="height: 700px">-->
<!--                &lt;!&ndash; 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> &ndash;&gt;-->
<!--                <li class="layui-nav-item layui-nav-itemed">-->
<!--                    <a href="javascript:;">游戏分类</a>-->
<!--                    <dl class="layui-nav-child">-->
<!--                        <dd><a href="javascript:;">选项1</a></dd>-->
<!--                        <dd><a href="javascript:;">选项2</a></dd>-->
<!--&lt;!&ndash;                        <dd><a href="">跳转</a></dd>&ndash;&gt;-->
<!--                    </dl>-->
<!--                </li>-->

<!--            </ul>-->

<!--        </nav>-->
        <div class="right" style="color: #3A3D48">
            <iframe name="mainframe" style="width: 1500px;height: 670px" src="pages/game.html" frameborder="0"></iframe>
        </div>
        <div style="clear: both;"></div>
    </div>

    <script>
        layui.use('carousel', function(){
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1'
                ,width: '100%' //设置容器宽度
                ,arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
    </script>
    <script>
        //注意：导航 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function(){
            var element = layui.element;

            //…
        });
    </script>

</div>
</body>
</html>
